{% site "test" %}
<!DOCTYPE html>
<html class="google" lang="en">
  <script>
    (function(H){H.className=H.className.replace(/\bgoogle\b/,'google-js')})(document.documentElement)
  </script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-41133141-6', 'auto');
    ga('send', 'pageview');

  </script>
  <meta charset="utf-8">
  <meta content="initial-scale=1, minimum-scale=1, width=device-width" name="viewport">
  <title>Google Helpouts</title>
  <link href="img/favicon.png" rel="icon" type="image/png" />
  <link href="//fonts.googleapis.com/css?family=Roboto:300,400,600,700&lang=en" rel="stylesheet">
  <link href="css/style-psa.css" rel="stylesheet">
  <!-- header -->
  <div id="header" class="stage">
    <img src="img/google_helpouts_logo_large.png" alt="Google Helpouts"/>
  </div>
  <!-- headline -->
  <div class="cols" id="headline">
    <div class="col-12">
      <h1>Help Where You Need&nbsp;It</h1>
      <h2>Expert advice is coming to a website&nbsp;near&nbsp;you.</h2>
    </div>
  </div>
  <!-- hero -->
  <div class="cols" id="hero">
    <div class="col-12">
      <img src="img/psa_hero_01.gif">
      <img src="img/psa_spacer_01.gif" class="mobile-only">
    </div>
  </div>
  <!-- section 1 -->
  <div class="cols" id="subheadline">
    <div class="col-12">
      <p>Helpouts is on the move. We're partnering with sites across the web to make it even easier to get your questions&nbsp;answered.
    </div>
  </div>
  <!-- section 2 -->
  <div class="cols" id="subheadline-2">
    <div class="col-12">
      <h3>It Starts with the Programming&nbsp;Community</h3>
    </div>
  </div>
  <!-- section 3 -->
  <div class="cols" id="body-text">
    <div class="col-12">
      <p>Now developers can access Helpouts directly on programming sites while they browse&nbsp;for&nbsp;answers.
    </div>
  </div>
  <!-- section 4 -->
  <div class="cols stage">
    <div class="col-6">
      <a href="/partner/landing/consumer?utm_source=PSA_page&utm_medium=website&utm_campaign=PSA_consumer" class="cta">GET PROGRAMMING HELP</a>
    </div>
    <div class="col-6">
      <a href="/partner/landing/provider?utm_source=PSA_page&utm_medium=website&utm_campaign=PSA_provider" class="cta">GIVE PROGRAMMING HELP</a>
    </div>
  </div>
  <!-- footer -->
  <div id="footer" class="cols">
    <div class="footer-1">
      <img src="img/footer_icon_large.png"/>
    </div>
    <div class="footer-2">
      <p>
        <a href="//support.google.com/helpouts/#contact=1">Contact&nbsp;Us</a>
        <a href="//support.google.com/helpouts">Help&nbsp;Center</a>
        <a href="/" class="desktop-only">Visit Helpouts Marketplace</a>
        <a href="/" class="mobile-only-inline">Marketplace</a>
      </p>
    </div>
  </div>